/** * cbpAnimatedHeader.js v1.0.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * Copyright 2013, Codrops * http://www.codrops.com */ var cbpAnimatedHeader = (function() { var docElem = document.documentElement, header = document.querySelector( '.navbar-fixed-top' ), didScroll = false, changeHeaderOn = 300; function init() { window.addEventListener( 'scroll', function( event ) { if( !didScroll ) { didScroll = true; setTimeout( scrollPage, 500); } }, false ); } function scrollPage() { var sy = scrollY(); if ( sy >= changeHeaderOn ) { $("nav").animate({backgroundColor: "rgb(31, 33, 35)"}); } else { $("nav").animate({backgroundColor: "rgba(31, 33, 35,0.4)"}); } didScroll = false; } function scrollY() { return window.pageYOffset || docElem.scrollTop; } init(); })();